<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			body{
				font-size: 12px;
				text-align: left;
				font-family: "宋体",Verdana;
				color: #000000;
				background-color: #FFFFFF;
			}
			.card{
				margin: 0;
				padding: 0;
			}
			.choice_question {
			    background: #fafafa;
			    padding: 10px 0px 0px;
			    line-height: 24px;
			    margin: 4px;
			    clear: both;
			    position: relative;
			    height: 100%;
			}
			.question_express {
			    padding: 0px 15px 10px;
			    border-bottom: 1px dashed #bbbbbb;
			}
			
			.anser_express {
				padding-top: 10px;
			    padding-left: 14px;
			}
			#isShowQ{
				display: none;
			}
		
			p {
			    line-height: 25px;
			    margin: 0px;
			    padding: 0px;
			}
			
			.answer-option {
				padding: 5px 0px;
				cursor: pointer;
			}
			
			.answer-option>label {
				padding: 5px 0px;
				cursor: pointer;
			}
			.fujian{
				display: block;
			}
			.rightAnswer_lable{
				display:none; 
			}
			.analyce{
				display:none; 
			}
			a:visited {
			    color: #006600;
			    text-decoration: none;
			    /*color: deeppink;*/
			}
			
			a:link {
			    color: #006600;
			    decoration: none;
			}
			a{
			    decoration: none;
			    color: #006600;
			}
			input{
				display: none;
			}
			#right_or_wrong{
				height: 100px;
				width: 100px;
				left: 50%;
				margin-left: -50px;
				position: absolute;
				top: 100px;
			}
			#right_or_wrong_img{
				height: 100%;
				width: 100%;
				display: none;
			}
		</style>
		<script src="./choice.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
				<div class="card1" id="card1">
					<div id="fInnerBody">
						<div id="fCardContent">
							<div id="testDiv" style="display: none;">aaa</div>
							<div class="fieldDiv">
								<!--//////////////////////////////////////////////////////////-->
								<!--/////////////////这里放字段数据---开始/////////////////////-->
								<!--//////////////////////////////////////////////////////////-->
								<div id="f_comefrom" style="display: none;">{{f_comefrom}}</div>
								<div id="f_question" style="display: none;">{{f_question}}</div>
								<div id="f_qustionindex" style="display: none;">{{f_qustionindex}}</div>
								<div id="f_rightanswer" style="display: none;">{{f_rightanswer}}</div>
								<div id="f_answeroptions" style="display: none;">{{f_answeroptions}}</div>
								<div id="f_answeranalyce" style="display: none;">{{f_answeranalyce}}</div>
								<div id="f_tuozhan01" style="display: none;">{{f_tuozhan01}}</div>
								<div id="f_tuozhan02" style="display: none;">{{f_tuozhan02}}</div>
								<!--//////////////////////////////////////////////////////////-->
								<!--/////////////////这里放字段数据---结束/////////////////////-->
								<!--//////////////////////////////////////////////////////////-->
							</div>
							
							<div id="header" style="display: none;"></div>
							
								<div class="choice_question">
									
									<div class="question_express">
										<div id="question_content">
											<span>10</span>、尹老汉因女儿很少前来看望，诉至法院要求判决女儿每周前来看望1次。法院认为，根据《老年人权益保障法》第十八条规定，家庭成员应当关心老年人的精神需求，不得忽视、冷落老年人；与老年人分开居住的家庭成员，应当经常看望或问候老年人。而且，关爱老人也是中华传统美德。法院遂判决被告每月看望老人1次。关于此案，下列哪一说法是错误的？（ ）
										</div>
									</div>
												
									<!--{{#f_answeroptions}}-->
									<div id="anser_express" class="anser_express">
										<p onclick="choice(0)">
											<input type="radio" class="a_option" index="0" name="opt" id="ans_A" value="A">
											<label for="ans_A">A、</label>
											<label for="ans_A">
												被告看望老人次数因被告看望老人次数因被告看望老人次数因被告看望老人次数因法律没有明确规定，由法官自由裁量　&nbsp;
											</label>
										</p>
										<p onclick="choice(1)">
											<input type="radio" class="a_option" index="1" name="opt" id="ans_B" value="B">
											<label for="ans_B">B、</label>
											<label for="ans_B">
												《老年人权益保障法》第十八条中没有规定法律后果　&nbsp;
											</label>
										</p>
										<p onclick="choice(2)">
											<input type="radio" class="a_option" index="2" name="opt" id="ans_C" value="C">
											<label for="ans_C">C、</label>
											<label for="ans_C">
												法院判决所依据的法条中规定了积极义务和消极义务　&nbsp;
											</label>
										</p>
										<p onclick="choice(3)">
											<input type="radio" class="a_option" index="3" name="opt" id="ans_D" value="D">
											<label for="ans_D">D、</label>
											<label for="ans_D">
												法院判决主要是依据道德作出的&nbsp;
											</label>
										</p>
									</div>
									
									<div style="padding-left: 10px;">
										<a href="javascript:void(0)" class="isShowQ" id="isShowQ" onclick="showOrHideAnswer()" isshow="0" style="text-decoration: none; color: gray;">
											【显示问题】
										</a>
									</div>
									
									<!--{{/f_answeroptions}}-->
									<div class="fujian">
										<div style="padding-left: 10px;">
											<a href="javascript:void(0)" class="isShowA" id="isShowA" onclick="showOrHideAnswer()" isshow="0" style="text-decoration: none;">
												【显示答案】
											</a>
										</div>
										<div class="rightAnswer_lable" id="rightAnswer_lable" style="padding-left: 10px;">
											<font color="green">【正确答案】D</font>
										</div>
										<div class="analyce" id="analyce" style="padding-left: 10px;">
											<font color="blue">【答案解析】</font>
											法的规范作用分为指引作用、评价作用、预测作用、强制作用和教育作用。法的指引功能（作用）是指法律作为一种行为规范，为人们提供某种行为模式，指引人们可以这样行为、必须这样行为或不得这样行为，从而对行为者本人的行为产生的影响，也就是说，法的指引功能（作用）是通过规定人们的权利和义务来实现的，它涉及的对象主要是指本人的行为。<br>法的评价功能（作用）是指法律对人们的行为是否合法或违法及其程度，具有判断、衡量的作用，也就是说，法的评价作用涉及的是法的律他作用，即对他人的行为的评价，这是区别指引作用（涉本人的行为）和评价作用（涉他人的行为）的关键所在。<br>法的预测作用是指人们可以根据法律规范的规定事先估计到当事人双方将如何行为及行为的法律后果，也就是说，预测作用的对象是人们相互之间的行为，这里的人们应作广义的理解，即包括国家机关的行为。<br>法的强制作用是指法为保障自己得以充分实现，运用国家强制力制裁、惩罚违法行为的作用，也就是说，法的强制作用只能针对违法犯罪人的行为，如果没有违法犯罪行为的发生，那么法的强制作用就不能显现。<br>法的教育作用是指通过法律的实施，法律规范对人们今后的行为发生的直接或间接的诱导影响，也就是说，法的教育作用针对的是一般人的行为。例如，通过对违法行为实施法律制裁不仅对违法者本人起到警示、警戒的作用，而且也对一般人产生了教育性影响。<br>据此可知，选项A体现了指引作用。选项B体现了强制作用。选项C体现了指引作用，反映了法的保护秩序价值的作用。<br>提示：指引自己，评价他人，教育大多数，强制一小撮。
										</div>
									</div>
									<div id="right_or_wrong">
										<img id="right_or_wrong_img" src="_ek_err.png"/>
									</div>
									
								</div>
		
						</div>
					</div>
					
				
					<!--这是js部分-->
					<script type="text/javascript">
						/////////////////////逻辑部分---开始//////////////////////////////
						/////////////////////逻辑部分---开始//////////////////////////////
						var rightAnswer_lable = document.getElementById("rightAnswer_lable");
						var analyce = document.getElementById("analyce");
						
						function showOrHideAnswer(){
							isShowA = document.getElementById("isShowA");
							isshow = isShowA.getAttribute("isshow");
							if (isshow==1) {
								hideAnswer(isShowA);
							} else{
								showAnswer(isShowA);
							}
						}
						
						function showAnswer(th){
							rightAnswer_lable.style.display = "block";
							analyce.style.display = "block";
							th.setAttribute("isshow", "1");
							th.innerHTML = '【隐藏答案】';
						}
						
						function hideAnswer(th){
							rightAnswer_lable.style.display = "none";
							analyce.style.display = "none";
							th.setAttribute("isshow", "0");
							th.innerHTML = '【显示答案】';
						}
						
						function choice(index){
							choiceOneIndex(index);
							
							//判断答案的正确性
							adjustGivenAnswer(index);
							
							//设置公用变量
							if(typeof(publicArgs)!="undefined"){
								publicArgs.selected = index;
								
								//alert(publicArgs.selected);
							}
						
							//翻到背面
							try{
								py.link("ansHack")
							}catch(e){}
						}
						
						function adjustGivenAnswer(index){
							right_or_wrong_img = document.getElementById("right_or_wrong_img");
							if (index==newRightIndex) {
								right_or_wrong_img.style.display = "block";
								right_or_wrong_img.src = "_ek_rit.png";
							} else{
								right_or_wrong_img.style.display = "block";
								right_or_wrong_img.src = "_ek_err.png";
								
								//显示答案解析
								//showOrHideAnswer();
							}
						}
						
						function choiceOneIndex(index){
							brotherS = document.getElementsByTagName("p");
							for (var i = 0; i < brotherS.length; i++) {
								brotherS[i].style.color = "black";
								if(i==index){
									if (i==newRightIndex) {
										brotherS[i].style.color = "#11E12F";
									} else{
										brotherS[i].style.color = "#EF2056";
									}
								}
								
								//禁止再次点击
								brotherS[i].onclick=null;
							}
						}
						
						function hideQusntion(){
							return null;
						}
						
						function tuggleOneOption(index){
							choiceOneIndex(index);
							
							//判断答案的正确性
							adjustGivenAnswer(index);
							
							hideQusntion();
						}
						
						function tuggleRightOptionWithoutIcon(index){
							choiceOneIndex(index);
							
							//判断答案的正确性
							adjustGivenAnswer(index);
							
							hideQusntion();
							
							//隐藏正确的那个图标				
							right_or_wrong_img = document.getElementById("right_or_wrong_img");
							right_or_wrong_img.style.display = "none";
						}
							
						/////////////////////逻辑部分---结束//////////////////////////////
						/////////////////////逻辑部分---结束//////////////////////////////
						
						
						/////////////////////UI部分---开始///////////////////////////////
						/////////////////////UI部分---开始///////////////////////////////
							var newOpthionS = [];
							var newRightIndex = 0;
							
							var optionIndexArray = ["A", "B", "C", "D", "E"];
							
							function layoutWidget(terminalType){
								//1. 获得数据
								
								//2. 创建并布局控件
								setQuestion_content();
								
								randomAnswerOptionS(terminalType);
								
								setAnser_express();	
								setRightAnswer_lable();
								setAnalyce();
								
								//3. 完善全局公共变量
								if(typeof(publicArgs)!="undefined"){
									publicArgs.newOpthionS = newOpthionS;
									publicArgs.newRightIndex = newRightIndex;
									
									publicArgs.f_comefrom = f_comefrom;
									publicArgs.f_question = f_question;
									publicArgs.f_qustionindex = f_qustionindex;
									publicArgs.f_rightanswer = f_rightanswer;
									publicArgs.f_answeroptions = f_answeroptions;
									publicArgs.f_answeranalyce = f_answeranalyce;
									publicArgs.f_tuozhan01 = f_tuozhan01;
									publicArgs.f_tuozhan02 = f_tuozhan02;
									
									//alert(publicArgs.selected);
								}
								
							}
							
							function setQuestion_content(){
								//patt = /<div>(.*)<\/div>/
								//res1 = patt.exec(f_qustionindex);
								//res = patt.exec(f_question);
								//htm = res1[1] + '、' + res[1];
								htm = f_qustionindex + '、' + f_question;
								question_content.innerHTML = htm;
							}
							
							function randomAnswerOptionS(terminalType){
								
								//patt = /<div>(.*)<\/div>/
								//res = patt.exec(f_answeroptions);
								//optionsS = JSON.parse(res[1]);
								optionsS = JSON.parse(f_answeroptions);
								//alert(field_answer)
								rightIndex = changeATo1(f_rightanswer);
								
								//乱序
								if(terminalType !=1){
									newRightIndex = rightIndex;
									newOpthionS = optionsS;
								}else{
									rightAnswer = optionsS[rightIndex];
									//alert(optionsS);
									//alert(rightIndex);
									//alert(rightAnswer);
									len = optionsS.length;
									for (var i = 0; i < len; i++) {
										j=Math.random()*(len-i);
					  					j=Math.floor(j);
										//alert(j);
										
										thisOpt = optionsS[j];
										//alert(thisOpt);
										if (rightAnswer==thisOpt) {
											newRightIndex = i;
										}
										newOpthionS.push(thisOpt)
										optionsS.splice(j, 1);
									}
									//alert(newOpthionS);
								}
							}
				
				
							function changeATo1(str){
								//alert(str)
								//patt = /<div>(.*)<\/div>/;
								//res = patt.exec(str);
								org = ["A", "B", "C", "D", "E"];
								return org.indexOf(str);
							}
							
							function setAnser_express(){
								anser_express = document.getElementById("anser_express");
								//randomAnswerOptionS();
								anser_express.innerHTML = "";
								//alert(newOpthionS);
								//alert(newRightIndex);
								for (var i = 0; i < newOpthionS.length; i++) {
									newOpthionS[i]
									p = document.createElement("p");
									p.className = "answer-option";
									p.setAttribute("onclick", "choice("+i+")");
									anser_express.appendChild(p);
									
									c = optionIndexArray[i];
									html = '<input type="radio" class="a_option" index="0" name="opt" id="ans_'+c+'" value="'+c+'">'+'\n'+
										'<label for="ans_'+c+'">'+c+'、</label>'+'\r'+
										'<label for="ans_'+c+'">'+'\r'+
										newOpthionS[i] +'\r'+
										'</label>'+'\r';
									p.innerHTML = html;
								}
							}
							
							function setRightAnswer_lable(){
								rightAnswer_lable = document.getElementById("rightAnswer_lable");
								html = '<font color="green">【正确答案】'+optionIndexArray[newRightIndex]+'</font>';
								rightAnswer_lable.innerHTML = html;
							}
							
							function setAnalyce(){
								analyce = document.getElementById("analyce");
								html = '<font color="blue">【答案解析】</font>'+'\r'+
									f_answeranalyce+'\r';
								analyce.innerHTML = html;
							}
							
							function layoutWidgetBack(){
								setQuestion_content();
								setAnser_express();	
								setRightAnswer_lable();
								setAnalyce();
							}
							
							/////////////////////UI部分---结束///////////////////////////////
							/////////////////////UI部分---结束///////////////////////////////
							
							
							
							/////////////////////渲染页面---开始///////////////////////////////
							/////////////////////渲染页面---开始///////////////////////////////
							function initFront(terminalType){
								layoutWidget(terminalType);
							}
							
							function initBack(terminalType){
								if(isDebug){
									noZhengchangInitBack(terminalType);
									return;
								}
								if(!isDebug && terminalType==1){
									noZhengchangInitBack(terminalType);
									return;
								}
								if(!isDebug && terminalType==0){
									noZhengchangInitBack(terminalType);
									return;
								}
								if(!isDebug && terminalType==2){
									noZhengchangInitBack(terminalType);
									return;
								}
							}
							
							function zhengchangInitBack(terminalType){
								index = publicArgs.selected;
								if (index=="-1") {
									noZhengchangInitBack();
									return;
								}
								newOpthionS = publicArgs.newOpthionS;
								newRightIndex = publicArgs.newRightIndex;
								field_comefrom = publicArgs.field_comefrom;
								field_index = publicArgs.field_index;
								field_question = publicArgs.field_question;
								field_answer = publicArgs.field_answer;
								field_options = publicArgs.field_options;
								field_analyse = publicArgs.field_analyse;
								field_chapter = publicArgs.field_chapter;
								field_level = publicArgs.field_level;
								
								layoutWidgetBack();
								tuggleOneOption(index);
							}
							
							function noZhengchangInitBack(terminalType){
								layoutWidget(terminalType);
								layoutWidgetBack();
								tuggleRightOptionWithoutIcon(newRightIndex);
								showOrHideAnswer();
							}
							/////////////////////渲染页面---结束///////////////////////////////
							/////////////////////渲染页面---结束///////////////////////////////
							
					</script>
					
					
		
					<script type="text/javascript">
								
						function renderCard() {
							document.getElementById("header").innerText = f_comefrom;
							
							
							terminalType = getTerminalType();
						    initFront(terminalType);
						}
								
						function initFrontBody() {
							// 1. 判断是否是debug模式, 是什么客户端.
							terminalType = getTerminalType();
				
							// 2. 初始化窗口
							initFInnerBody(terminalType);
							initFCardContent();
							
							// 3. 初始化字段内容
							initFieldContent();
							
							// 4. 渲染页面
							renderCard();
						}
								
						initFrontBody();
					</script>
		
				</div>
	
	</body>
</html>
